<!--pristine和dirty：控件是否使用过，或者理解成是否输入过内容

invalid和valid：控件输入是否有效

touched和untouched：控件是否已经被访问过-->



<div class="all">

  <div class="contents">
    <h3>用户登录</h3>

    <form class="example-form">
      <div>

        <md-input-container class="example-full-width">

          <span mdPrefix>用户名：</span>
          <md-icon mdSuffix>account_circle</md-icon>
          <input type="tel" class="username" class="placeholder" mdInput placeholder="请输入用户名" [(ngModel)]="username" name="username">

        </md-input-container>

      </div>

      <div>

        <md-input-container class="example-full-width">
          <span mdPrefix>密码：</span>
          <md-icon mdSuffix>lock</md-icon>
          <input type="password" class="password" class="placeholder" mdInput placeholder="请输入密码" [(ngModel)]="password" name="passwd">

        </md-input-container>
      </div>

      <div>
        <input type="button" class="loginbut" value="登录" (click)="loginsystem()">
        <input type="reset" class="resetbut" value="重置">

      </div>
    </form>
  </div>

</div>
